// let input = document.querySelectorAll('.second input')
// let fish = document.querySelector('#donelist')
// let tode = document.querySelector('#todolist')
// // console.log(input)
// input.forEach(item=>item.onclick = function(){
//     // console.log(this.parentNode)
//     const type = this.checked
//     if(type){
//         fish.appendChild(this.parentNode)
//     }else{
//         tode.appendChild(this.parentNode)
//     }
// })



$(function(){
    $('form').submit(function(e){
        e.preventDefault()
        // console.log($('input').value())
    })
    // 回车添加事件

    const cart = JSON.parse(window.localStorage.getItem('cart')) || []



    $('#title').on('keydown',function(e){
        // e.preventDefault()
        console.log('asd')
        if(e.keyCode == 13){
            if($('#title').val() !== ''){
                $('.demo-box').prepend(`
                <li>
                <input type="checkbox" />
                <p onclick="edit(1)">${$('#title').val()}</p>
                <a href="#">-</a>
                </li>
                
                `)
                $('#title').val('')
            }
            pushHandler()
        }
        
    })
    
    // 改位置
    $('.second').on('click','input[type*="checkbox"]',function(){
        const type = $(this).prop('checked')
        if(type){
            $('#donelist').append($(this).parent())
        }else{
            $('#todolist').append($(this).parent())
        }
        pushHandler()
    }) 

    $('.second').on('click','a',function(){
            $(this).parent().remove()
            pushHandler()
    })


    // 改报数
    pushHandler()
    function pushHandler(){
        let num = $('.demo-box').find($('li')).length
        $('#todocount').html(num)

        let num2 = $('.demo-box2').find($('li')).length
        $('#donecount').html(num2)
    }

    // 修改内容
    mixhandler()
    function mixhandler(){
        $('.second').on('click','p',function(e){

            $(`<input type="text" class="p-value" value="${$(this).text()}">`).replaceAll($(this))
        })

        $('.second').on('blur','.p-value',function(){
            $(`<p>${$('.p-value').val()}</p>`).replaceAll($('.p-value'))
        })

    }


    cart.push($('html'))
    window.localStorage.setItem('cart', JSON.stringify(cart))
})




